body {
    padding:10px;
    width:95vw;
    height:98vh;
    margin:0 auto;


    /* width:100vw;
    height:100vh;
    margin:0 auto;
    overflow:hidden; */
}

.app {
    display: flex;
    flex-direction: row;
    background: #d4e6ee;
    border-radius:20px;
    height:100%;
}
::-webkit-scrollbar {
    /* 对应纵向滚动条的宽度 */

    width: 3px;
    /* 对应横向滚动条的宽度 */
    /* height: 10px; */
    /* background-color:rgb(200,200,200) */
}

::-webkit-scrollbar-thumb {
   
    background-color:  rgb(150,150,150);
}
.sidebar{
    flex: 1.8;
    padding:10px;
    height:100%;
    
}


.talkarea{
    flex:8;
    /* padding:10px; */
    background: rgba(250, 250, 250,1);
}
i{
    border:1px solid  rgba(0, 0,0, 0.1)
}
.talkarea {
    display: grid;
    grid-template-rows: 75px 4fr 1.3fr
}
.talkarea_header{
    border-radius: 0px 10px 0px 0px;
    display: flex;
    padding:0rem 1rem;
    color: rgba(14, 122, 218, 1);
    font-size: 1.5rem;
}
.talkarea_container{
    /* background: rgb(196, 181, 181); */
    padding:0rem 1rem;
    height:100%;
    overflow:scroll;
}
.talkarea_input{
    background: rgba(255, 255, 255);
}